<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
 <cpn :c-info="info" :child-my-message="message"></cpn>
</div>

<template id="cpn">
  <div>
    <h1>{{cInfo}}</h1>
    <h1>{{childMyMessage}}</h1>
  </div>
</template>


<script src="../js/vue%20.js"></script>
<script>

  const cpn = {
    template: '#cpn',
    props: {
      cInfo: {
        type: Object,
        default() {
          return {}
        }
      },
      childMyMessage: {
        type: String,
        default: ''
      }
    }
  }

  const app = new Vue({
    el:'#app',
    data:{
     info:{
       name: 'why',
       age: 18,
       height: 1.88
     },
      message: 'aaaaaaaa'
    },
    components: {
      cpn
    }
  })
</script>
</body>
</html>